<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<script type="text/javascript" src="javascript/script.js"></script>
<link rel="stylesheet" href="style.css" type="text/css" />
<title>PokerMadness</title>
</head>
<body>
<div class="game vertical center-pack center-align">
	<div class="seats horizontal center-pack">
		<div id="seatwithcards_top1" class="vertical center-pack center-align">
			<div class="horizontal center-pack">
				<div class="card2"><img class="kaart" src="images/nupud/tagakylg.png"/></div>
				<div class="card2"><img class="kaart" src="images/nupud/tagakylg.png"/></div>
			</div>
			<div id="seat_top1" class="seat vertical center-pack">
				<div class="username">Username1</div>
				<div class="stack">4</div>
			</div>
		</div>
		<div id="seatwithcards_top2" class="vertical center-pack center-align">
			<div class="horizontal center-pack">
				<div class="card2"><img class="kaart" src="images/nupud/tagakylg_red.png"/></div>
				<div class="card2"><img class="kaart" src="images/nupud/tagakylg_red.png"/></div>
			</div>
			<div id="seat_top2" class="seat vertical center-pack">
				<div class="username">Username2</div>
				<div class="stack">4</div>
			</div>
		</div>
	</div>
	<div class="horizontal center-pack">
		<div id="left_sideseats" class="vertical center-pack extend">
			<div class="vertical center-pack center-align seatwithcards_left1">
			<div class="horizontal center-pack">
				<div class="card2"><img class="kaart" src="images/clubs/2clubs.png"/></div>
				<div class="card2"><img class="kaart" src="images/hearts/5hearts.png"/></div>
			</div>
			<div id="lside1" class="seat vertical center-pack">
				<div class="username">Username9</div>
				<div class="stack">4</div>
			</div>
		</div>
			<div class="vertical center-pack center-align">
			<div class="horizontal center-pack">
				<div class="card2"><img class="kaart" src="images/hearts/6hearts.png"/></div>
				<div class="card2"><img class="kaart" src="images/diamonds/Kdiamonds.png"/></div>
			</div>
			<div id="lside2" class="seat vertical center-pack">
				<div class="username">Username8</div>
				<div class="stack">4</div>
			</div>
		</div>
		</div>
		<div id="table" class="vertical center-pack center-align"> 
			<div class="table_upper horizontal center-pack extend">
				<div id="chipsandbuttons9" class="chipsandbuttons vertical center-align">
					<div id="dealer9" class="dealer chipmarginbottom"><img class="chip" src="images/nupud/D.png"/></div>
					<div class="buffer vertical end-pack">
					<div class="chips">
						<img class="chip" src="images/nupud/zetoon_white.png"/>
						<img class="ontop ontop2" src="images/nupud/zetoon_white.png"/>
						<img class="ontop ontop3" src="images/nupud/zetoon_white.png"/>
						<img class="ontop ontop4" src="images/nupud/zetoon_white.png"/>
						<img class="chip" src="images/nupud/zetoon_white.png"/>
						<img class="chip" src="images/nupud/zetoon_white.png"/>
					</div>
					</div>
					<div id="chipinfo_upper"> <b>Chips:</b> 4</div> 
				</div>
				<div id="chipsandbuttons1" class="chipsandbuttons vertical center-align">
					<div id="dealer1" class="dealer chipmarginbottom"><img class="chip" src="images/nupud/D.png"/></div>
					<div class="buffer vertical end-pack">
					<div class="chips">
						<img class="chip" src="images/nupud/zetoon_white.png"/>
						<img class="ontop ontop2" src="images/nupud/zetoon_white.png"/>
						<img class="ontop ontop3" src="images/nupud/zetoon_white.png"/>
						<img class="ontop ontop4" src="images/nupud/zetoon_white.png"/>
						<img class="chip" src="images/nupud/zetoon_white.png"/>
						<img class="ontop ontop2" src="images/nupud/zetoon_white.png"/>
						<img class="ontop ontop3" src="images/nupud/zetoon_white.png"/>
						<img class="ontop ontop4" src="images/nupud/zetoon_white.png"/>
						<img class="chip" src="images/nupud/zetoon_white.png"/>
					</div>
					</div>
					<div id="chipinfo_upper"> <b>Chips:</b> 4</div> 
				</div>
				<div class="bank horizontal center-pack">
					<div>
						<img class="chip" src="images/nupud/zetoon_black.png"/>
						<img class="ontop ontop2" src="images/nupud/zetoon_black.png"/>
						<img class="chip" src="images/nupud/zetoon_red.png"/>
						<img class="ontop ontop2" src="images/nupud/zetoon_red.png"/>
						<img class="ontop ontop3" src="images/nupud/zetoon_red.png"/>
						<img class="chip" src="images/nupud/zetoon_green.png"/>
						<img class="ontop ontop2" src="images/nupud/zetoon_green.png"/>
						<img class="ontop ontop3" src="images/nupud/zetoon_green.png"/>
						<img class="ontop ontop4" src="images/nupud/zetoon_green.png"/>
						<img class="chip" src="images/nupud/zetoon_red.png"/>
						<img class="chip" src="images/nupud/zetoon_blue.png"/>			
					</div>
				</div>
				<div id="chipsandbuttons2" class="chipsandbuttons vertical center-align">
					<div id="dealer2" class="dealer chipmarginbottom"><img class="chip" src="images/nupud/D.png"/></div>
					<div class="buffer vertical end-pack">
					<div class="chips">
						<img class="chip" src="images/nupud/zetoon_white.png"/>
						<img class="chip" src="images/nupud/zetoon_white.png"/>
						<img class="chip" src="images/nupud/zetoon_white.png"/>
					</div>
					</div>
					<div id="chipinfo_upper"> <b>Chips:</b> 4</div> 
				</div>
				<div id="chipsandbuttons3" class="chipsandbuttons vertical center-align">
					<div id="dealer3" class="dealer chipmarginbottom"><img class="chip" src="images/nupud/D.png"/></div>
					<div class="buffer vertical end-pack">
					<div class="chips">
						<img class="chip" src="images/nupud/zetoon_white.png"/>
						<img class="ontop ontop2" src="images/nupud/zetoon_white.png"/>
						<img class="ontop ontop3" src="images/nupud/zetoon_white.png"/>
						<img class="ontop ontop4" src="images/nupud/zetoon_white.png"/>
						<img class="chip" src="images/nupud/zetoon_white.png"/>
						<img class="chip" src="images/nupud/zetoon_white.png"/>
					</div>
					</div>
					<div id="chipinfo_upper"> <b>Chips:</b> 4</div> 
				</div>
			</div>
			<div class="horizontal center-pack">
				<div class="card"><img class="kaart" src="images/spades/10spades.png"/></div>
				<div class="card"><img class="kaart" src="images/diamonds/Adiamonds.png"/></div>
				<div class="card"><img class="kaart" src="images/hearts/2hearts.png"/></div>
				<div class="card"><img class="kaart" src="images/clubs/Jclubs.png"/></div>
				<div class="card"><img class="kaart" src="images/spades/8spades.png"/></div>
			</div>
			<div id="pot"> <b>Pot:</b> 36</div> 
			<div class="table_lower horizontal center-pack extend">
				<div id="chipsandbuttons8" class="chipsandbuttons vertical center-align end-pack">
					<div id="chipinfo"> <b>Chips:</b> 4</div>
					<div class="buffer vertical end-pack chipmarginbottom">
					<div class="chips">
						<img class="chip" src="images/nupud/zetoon_white.png"/>
						<img class="ontop ontop2" src="images/nupud/zetoon_white.png"/>
						<img class="ontop ontop3" src="images/nupud/zetoon_white.png"/>
						<img class="ontop ontop4" src="images/nupud/zetoon_white.png"/>
						<img class="chip" src="images/nupud/zetoon_white.png"/>
						<img class="chip" src="images/nupud/zetoon_white.png"/>
					</div>
					</div>
					<div id="dealer8" class="dealer"><img class="chip" src="images/nupud/D.png"/></div>
				</div>
				<div id="chipsandbuttons7" class="chipsandbuttons vertical center-align end-pack">
					<div id="chipinfo"> <b>Chips:</b> 4</div> 
					<div class="buffer vertical end-pack chipmarginbottom">
					<div class="chips">
						<img class="chip" src="images/nupud/zetoon_white.png"/>
						<img class="ontop ontop2" src="images/nupud/zetoon_white.png"/>
						<img class="ontop ontop3" src="images/nupud/zetoon_white.png"/>
						<img class="ontop ontop4" src="images/nupud/zetoon_white.png"/>
						<img class="chip" src="images/nupud/zetoon_white.png"/>
						<img class="chip" src="images/nupud/zetoon_white.png"/>
					</div>
					</div>
					<div id="dealer7" class="dealer"><img class="chip" src="images/nupud/D.png"/></div>
				</div>
				<div id="chipsandbuttons6" class="chipsandbuttons vertical center-align end-pack">
					<div id="chipinfo"> <b>Chips:</b> 4</div> 
					<div class="buffer vertical end-pack chipmarginbottom">
					<div class="chips">
						<img class="chip" src="images/nupud/zetoon_white.png"/>
						<img class="ontop ontop2" src="images/nupud/zetoon_white.png"/>
						<img class="chip" src="images/nupud/zetoon_white.png"/>
						<img class="chip" src="images/nupud/zetoon_white.png"/>
					</div>
					</div>
					<div id="dealer6" class="dealer"><img class="chip" src="images/nupud/D.png"/></div>
				</div>
				<div id="chipsandbuttons5" class="chipsandbuttons vertical center-align end-pack">
					<div id="chipinfo"> <b>Chips:</b> 4</div> 
					<div class="buffer vertical end-pack chipmarginbottom">
					<div class="chips">
						<img class="chip" src="images/nupud/zetoon_white.png"/>
						<img class="ontop ontop2" src="images/nupud/zetoon_white.png"/>
						<img class="ontop ontop3" src="images/nupud/zetoon_white.png"/>
						<img class="ontop ontop4" src="images/nupud/zetoon_white.png"/>
						<img class="chip" src="images/nupud/zetoon_white.png"/>
						<img class="chip" src="images/nupud/zetoon_white.png"/>
					</div>
					</div>
					<div id="dealer5" class="dealer"><img class="chip" src="images/nupud/D.png"/></div>
				</div>
				<div id="chipsandbuttons4" class="chipsandbuttons vertical center-align end-pack">
					<div id="chipinfo"> <b>Chips:</b> 4</div>
					<div class="buffer vertical end-pack chipmarginbottom">
					<div class="chips">
						<img class="chip" src="images/nupud/zetoon_white.png"/>
						<img class="chip" src="images/nupud/zetoon_white.png"/>
						<img class="ontop ontop2" src="images/nupud/zetoon_white.png"/>
						<img class="ontop ontop3" src="images/nupud/zetoon_white.png"/>
						<img class="ontop ontop4" src="images/nupud/zetoon_white.png"/>
						<img class="chip" src="images/nupud/zetoon_white.png"/>
					</div>
					</div>
					<div id="dealer4" class="dealer"><img class="chip" src="images/nupud/D.png"/></div>
				</div>
			</div>
		</div>
		<div id="right_sideseats" class="vertical center-pack extend">
			<div class="vertical center-pack center-align">
			<div class="horizontal center-pack">
				<div class="card2"><img class="kaart" src="images/nupud/tagakylg.png"/></div>
				<div class="card2"><img class="kaart" src="images/nupud/tagakylg.png"/></div>
			</div>
			<div id="rside1" class="seat vertical center-pack">
				<div class="username">Username3</div>
				<div class="stack">4</div>
			</div>
		</div>
			<div class="vertical center-pack center-align">
			<div class="horizontal center-pack">
				<div class="card2"><img class="kaart" src="images/diamonds/Qdiamonds.png"/></div>
				<div class="card2"><img class="kaart" src="images/spades/Qspades.png"/></div>
			</div>
			<div id="rside2" class="seat vertical center-pack">
				<div class="username">Username4</div>
				<div class="stack">4</div>
			</div>
		</div>
		</div>
	</div>
	<div class="seats horizontal center-pack">
		<div class="vertical center-pack center-align seatwithcards_side">
			<div class="horizontal center-pack">
				<div class="card2"><img class="kaart" src="images/diamonds/2diamonds.png"/></div>
				<div class="card2"><img class="kaart" src="images/hearts/3hearts.png"/></div>
			</div>
			<div id="seat_bottom1" class="seat vertical center-pack">
				<div class="username">Username7</div>
				<div class="stack">4</div>
			</div>
		</div>
		<div id="seatwithcards_center" class="vertical center-pack center-align">
			<div class="horizontal center-pack">
				<div class="card2"><img class="kaart" src="images/diamonds/10diamonds.png"/></div>
				<div class="card2"><img class="kaart" src="images/spades/Jspades.png"/></div>
			</div>
			<div id="seat_bottom2" class="seat vertical center-pack">
				<div class="username">You</div>
				<div class="stack">4</div>
			</div>
		</div>
		<div class="vertical center-pack center-align seatwithcards_side">
			<div class="horizontal center-pack">
				<div class="card2"><img class="kaart" src="images/nupud/tagakylg.png"/></div>
				<div class="card2"><img class="kaart" src="images/nupud/tagakylg.png"/></div>
			</div>
			<div id="seat_bottom3" class="seat vertical center-pack">
				<div class="username">Username5</div>
				<div class="stack">4</div>
			</div>
		</div>
	</div>
	<div class= "chatandother vertical center-pack center-align">
	<div class="horizontal center-pack"> 
					<form> 
						<div id="button1"> 
							<button type="button" onClick="showFold();"> Fold </button> 
						</div> 
					</form> 
					<form> 
						<div id="button2"> 
							<button type="button"> Check </button> 
						</div> 
					</form> 
					<form> 
						<div id="button3"> 
							<button type="button"> Call </button> 
						</div> 
					</form> 
					<form> 
						<div id="button4"> 
							<button type="button"> Bet/Raise </button> 
				        </div> 
					</form> 
			</div> 		
			<div id="chatbox"> 
					<div id="textarea"> 
							<p class="hello"><b>Welcome to Pokermadness!</b></p>
							<p class="chatbox"></p>
					</div>
					<div id="textenter"> 
						<div id="form"> 
							<form name="chatform"> 
							<b>Type here:</b><input id="chatinput" size="42" onKeyPress="return pressEnter(this,event)">
							</form> 
						</div>
					</div> 
			</div> 			
		</div>
	</div>
</body>
</html>